@charset "UTF-8";
// 侧导航
.sidebar {
  width: 342px;
  padding: 0 20px;
  &.affix {
	top: 20px;
  }
  //height: auto !important;
  //overflow: visible !important;
  //dl{
  //margin: 0;
  //}
  //dt {
  //position: relative;
  //cursor: pointer;
  //font-size: 14px;
  //font-weight: normal;
  //line-height: 2;
  //border-bottom: 1px solid #fff;
  //padding: 5px 0;
  //img {
  //  position: absolute;
  //  right: 0;
  //  top: 12px;
  //}
  //}
  //dd {
  //margin-left: 40px;
  //font-size: 12px;
  //border-bottom: 1px solid #fff;
  //a {
  //  display: block;
  //  text-decoration: none;
  //  padding: 8px 0;
  //  color: $gray;
  //  -webkit-transition: all 0.25s ease;
  //  -o-transition: all 0.25s ease;
  //  transition: all 0.25s ease;
  //  &.active {
  //	color: $hr-base;
  //  }
  //  &:hover {
  //	color: $hr-base;
  //  }
  //}
  //}
}

div.sdmenu {
  div {
	overflow: hidden;
	&.collapsed {
	  height: 39px;
	}
  }
  span {
	position: relative;
	display: block;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
  }
  i {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	&.fa-angle-down {
	  right: 12px;
	  left: auto;
	  font-size: 16px;
	}
  }
  .collapsed i.fa-angle-down {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  a {
	display: block;
	margin-left: 40px;
	padding: 2px 0 5px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	&.current {
	  color: $hr-base;
	}
	&:hover {
	  color: $hr-base;
	}
  }
}


//.accordion {
//  width: 100%;
//  .link {
//	cursor: pointer;
//	display: block;
//	padding: 5px 0;
//	border-bottom: 1px solid #fff;
//	position: relative;
//	font-size: 14px;
//	-webkit-transition: all 0.4s ease;
//	-o-transition: all 0.4s ease;
//	transition: all 0.4s ease;
//  }
//  li {
//	i {
//	  position: absolute;
//	  top: 12px;
//	  left: 12px;
//	  font-size: 16px;
//	  -webkit-transition: all 0.4s ease;
//	  -o-transition: all 0.4s ease;
//	  transition: all 0.4s ease;
//	  &.fa-angle-down {
//		right: 12px;
//		left: auto;
//		font-size: 16px;
//	  }
//	}
//	&.open {
//	  .link {
//		color: $hr-base;
//	  }
//	}
//	&.open i.fa-angle-down {
//	  -webkit-transform: rotate(180deg);
//	  -ms-transform: rotate(180deg);
//	  -o-transform: rotate(180deg);
//	  transform: rotate(180deg);
//	}
//  }
//}
//
//.submenu {
//  display: none;
//  font-size: 12px;
//  li {
//	list-style: none;
//	border-bottom: 1px solid #fff;
//  }
//  a {
//	display: block;
//	text-decoration: none;
//	padding: 5px 0;
//	color: $gray;
//	-webkit-transition: all 0.25s ease;
//	-o-transition: all 0.25s ease;
//	transition: all 0.25s ease;
//	&.active {
//	  color: $hr-base;
//	}
//	&:hover {
//	  color: $hr-base;
//	}
//  }
//}